<!DOCTYPE html	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" template="/template/template_dialog.xhtml">
	<ui:define name="head">
		<style>
a:visited, a:hover {
	color: red;
}

.selected a {
	color: red;
}
</style>
	</ui:define>
	<ui:define name="content">
		<div id="wave" style="height: 600px; width: 100%"></div>
		<h:inputHidden id="fileId" value="#{request.getParameter('fileId')}" />
		<h:inputHidden id="breakerId" value="#{request.getParameter('breakerId')}" />
		<h:inputHidden id="phase" value="#{request.getParameter('phase')}" />
		<h:inputHidden id="actTime" value="#{request.getParameter('actTime')}" />
		<h:inputHidden id="protectAct" value="#{request.getParameter('protectAct')}" />
		<h:inputHidden id="removeTime" value="#{request.getParameter('removeTime')}" />
		<h:inputHidden id="xhTime" value="#{request.getParameter('xhTime')}" />
		<h:inputHidden id="exceptionType" value="#{request.getParameter('exceptionType')}" />
		<h:inputHidden id="cross0Time" value="#{request.getParameter('cross0Time')}" />
		<h:inputHidden id="actionTimeInterval" value="#{request.getParameter('actionTimeInterval')}" />
	</ui:define>
	<ui:define name="contentend">
		<script src="#{request.contextPath}/resources/plugins/echarts/echarts.js"></script>
		<script src="#{request.contextPath}/resources/js/mycharts/categoryLineChart.js"></script>
		<script src="breakerWave.js"></script>
		<script>
			jQuery(document).ready(function($) {
				$(".full-content-scroll").slimScroll({
					height : '900px'
				});
			});

			$(function() {
				var fileId = $("#fileId").val();
				var breakerId = $("#breakerId").val();
				var phase = $("#phase").val();
				var actTime = $("#actTime").val();
				var protectAct = $("#protectAct").val();
				var removeTime = $("#removeTime").val();
				var xhTime = $("#xhTime").val();
				var exceptionType = $("#exceptionType").val();
				var cross0Time = $("#cross0Time").val();
				var actionTimeInterval = $("#actionTimeInterval").val();

				for (var i = -100; 1000 > i; i++) {
					data.xData.push((i * 0.2).toFixed(2));
					data.fake.push([ (i * 0.2).toFixed(2), 1 ]);
				}
				data.trip = initActDataByActTime(actTime);
				data.proAct = initActDataByActTime(protectAct);
				getWaveData(fileId, breakerId, phase, actTime, removeTime,
						protectAct, xhTime, exceptionType, cross0Time,
						actionTimeInterval);
			})
		</script>
	</ui:define>
</ui:composition>